var MyTable={
    searchForm:"searchForm",
    searchUrl:"/wxmaterial/list",
	tableId:"lgTable",
	table:null,
	prefix:"/wxmaterial"
};
var total=0;
var offset=0;
var limit=18;
var types="";
var laypage;
$(function() {
	     reLoad();
	     toPage();
});

function reLoad() {
	 var config={
				url : MyTable.searchUrl,
				data:{"offset":offset,"limit":limit,"type":types},
				async :false
		}
		EasyAjax.post_json(config,function(r){
			total=r.total;
			appendStr(r.rows);
			 $('.file-box').each(function () {
	                animationHover(this, 'pulse');
	         });
		}); 
}

function toPage(){
	  layui.use('laypage', function(){
    	  laypage = layui.laypage;
    	  //执行一个laypage实例
    	  layPage();
    	});
}

function layPage(){
	laypage.render({
	    elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
	    ,count: total //数据总数，从服务端得到
	    ,limit:limit
	    ,jump: function(obj, first){
	    	 if(!first){ //一定要加此判断，否则初始时会无限刷新
	    		 offset=(obj.curr-1)*obj.limit;
	    		 reLoad();//一定要把翻页的ajax请求放到这里，不然会请求两次。
			 }
	    	
	     }
	  });
}

function reloadByType(type){
	 types=type
	 total=0;
	 offset=0;
	 reLoad();//一定要把翻页的ajax请求放到这里，不然会请求两次。
	 layPage();
}

function appendStr(rows){
	var str="";
	$("#files").empty();
	$.each(rows,function(i,item){
	  str+='<div class="file-box">';
	  str+='<div class="file">';
	  str+='<a href="#">';
	  str+='<span class="corner"></span>';
	  if(item.type=="image"){//图片
		str+='<div class="image">';
		str+='<img alt="image" class="img-responsive" src="'+item.localUrl+'">';
		str+='</div>';
	  }else if(item.type=="video"){//视频
		str+='<div class="icon">';
		str+='<video src="'+item.localUrl+'" controls="controls"></video>';
		str+='</div>';
	  }else{//音乐
		str+='<div class="icon">' ;
		//str+='<i class="fa fa-music"></i>' ;
		str+='<audio style="width: 100%;" src="'+item.localUrl+'" controls="controls"</audio>';
		str+='</div> ' ;
	  }
	  str+='<div class="file-name">';
	  if(item.filename){
		  str+=(item.filename.length>5?item.filename.substring(0,5):item.filename);
	  }
	  str+='<br/>';
	  str+='<small>添加时间:'+item.gmtCreate+'</small>';
	  str+='</div>';
	  str+='</a>';
	  str+='</div>';
	  str+='</div>';
	})
	$("#files").append(str);
}

function resetSearch(){
	cleanFormVal(MyTable.searchForm);
	MyTable.table.refresh(null);
}

MyTable.initColumn = function () {
    var columns =  [
		{checkbox : true},
		{field : 'id', title : ''},
		{field : 'type', title : '素材类型媒体文件类型，分别有图片（image）、语音（voice）、视频（video）和缩略图（thumb）'},
		{field : 'mediaId', title : '新增的永久素材的media_id'},
		{field : 'url', title : '微信服务器地址'},
		{field : 'localUrl', title : '本地地址'},
		{field : 'filename', title : ''},
		{field : 'filelength', title : ''},
		{field : 'content-type', title : ''},
		{field : 'createId', title : '创建用户id'},
		{field : 'modifiedId', title : ''},
		{field : 'gmtCreate', title : '创建时间'},
		{field : 'gmtModified', title : '修改时间'},
		{
			title : '操作',
			field : 'id',
			align : 'center',
			formatter : function(value, row, index) {
				var e = '<a  class="btn btn-primary btn-sm ' + editBtn + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
				+ row.id 
				+ '\')"><i class="fa fa-edit "></i></a> ';
			var d = '<a class="btn btn-warning btn-sm ' + delBtn + '" href="#" title="删除"  mce_href="#" onclick="delRow(\''
				+ row.id 
				+ '\')"><i class="fa fa-remove"></i></a> ';
			return e + d;
			}
		} ];
    return columns;
};

function add() {
	layer.open({
		type : 2,
		title : '创建xx',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '670px' ],
		content : MyTable.prefix + '/add/'
	});
}

function upload(type) {
	var index=layer.open({
		type : 2,
		title : '上传文件',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '670px' ],
		content : MyTable.prefix + '/upload/'+type
	});
	if("article"==type){
		layer.full(index);
	}
}
function edit(userId) {
	layer.open({
		type : 2,
		title : '修改xx',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : MyTable.prefix+'/edit/'+userId
	});
}
function delRow(id){
    var config={
			url : MyTable.prefix+"/deleteRow",
			data:{"id":id},
			sureDo:true,
			msg:"确定删除记录？"
	}
	EasyAjax.post_json(config,function(r){
		layer.msg(r.msg);
		if (r.code == 0){
			reLoad();
		} 
	});
}
function delRows(){
	var rows=checkSelect();
	if(!rows)
	return;
    var config={
			url : MyTable.prefix+"/deleteRows",
			data: {"ids" : rows},
			sureDo:true,
			msg:"确定删除记录？"
	}
	EasyAjax.post(config,function(r){
		layer.msg(r.msg);
		if (r.code == 0){
			reLoad();
		} 
	});
}
function checkSelect(){
	var rows = $('#'+MyTable.tableId).bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
	if (rows.length == 0) {
		layer.msg("请选择要删除的数据");
		return null;
	}else{
		var ids = new Array();
		$.each(rows, function(i, row) {
			ids[i] = row.userId;
		});
		return ids;
	}
}
